<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RAINCOAT</title>
    <!-- favicon and touch icons -->
    <link rel="shortcut icon" href="assets/images/favicon.png">

    <!-- Bootstrap -->
    <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="plugins/slick/slick.css" rel="stylesheet">
    <link href="plugins/slick-nav/slicknav.css" rel="stylesheet">
    <link href="plugins/wow/animate.css" rel="stylesheet">
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/theme.css" rel="stylesheet">
    <link href="css/my.css" rel="stylesheet">

</head>

<body class="">
    <div id="page-loader">
        <div class="loaders">
            <img src="assets/images/loader/3.gif" alt="First Loader">
            <img src="assets/images/loader/4.gif" alt="First Loader">
        </div>
    </div>
    <header id="site-header">
        <div id="site-header-top">
            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="clearfix">
                            <button class="btn btn-warning btn-lg header-btn visible-sm pull-right">List your Property
                                for Free</button>
                            <p id="nowTime" class="timing-in-header"> </p>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="clearfix">
                            <button class="btn btn-warning btn-lg header-btn hidden-sm">買います</button>
                            <!-- <div class="language-in-header">
                                <i class="fa fa-globe"></i>
                                <label for="language-dropdown"> Language:</label>
                                <select name="currency" id="language-dropdown">
                                    <option value="ENG">ENG</option>
                                    <option value="AR">AR</option>
                                    <option value="UR">UR</option>
                                    <option value="NEO">NEO</option>
                                    <option value="AKA">AKA</option>
                                </select>
                            </div>
                            <div class="currency-in-header">
                                <i class="fa fa-flag"></i>
                                <label for="currency-dropdown"> Currency: </label>
                                <select name="currency" id="currency-dropdown">
                                    <option value="USD">USD</option>
                                    <option value="EUR">EUR</option>
                                    <option value="AOA">AOA</option>
                                    <option value="XCD">XCD</option>
                                    <option value="PKR">PKR</option>
                                </select>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-3">  
                    <figure id="site-logo">
                        <a href="index.html"><img src="assets/images/logo.jpg" width="60" height="auto" alt="Logo"></a>
                    </figure>
                </div>
                <div class="col-md-6 col-sm-8">
                    <nav id="site-nav" class="nav navbar-default">
                        <ul class="nav navbar-nav">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="contact.html">contact</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="col-md-3 col-sm-4">
                    <div class="contact-in-header clearfix">
                        <i class="fa fa-mobile"></i>
                        <span>
                            電話
                            <br>
                            <strong>111 222 333 444</strong>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="main-slider-wrapper clearfix">
        <div id="main-slider">
            <div class="slide"><img src="assets/images/slider/1.png" alt="Slide"></div>
            <div class="slide"><img src="assets/images/slider/2.png" alt="Slide"></div>
        </div>
        <div id="slider-contents">
            <div class="container text-center">
                <div class="jumbotron">
                    <h1>レインコート</h1>
                    <div class="contents clearfix">
                        <p>レインコートをカスタマイズする</p>
                    </div>
                    <!-- <a class="btn btn-warning btn-lg btn-3d" data-hover="Our Services" href="#" role="button">Our
                        Services</a>
                    <a class="btn btn-default btn-border btn-lg" href="#" role="button">Get a Quote</a> -->
                </div>
            </div>
        </div>
    </div>
    <section id="home-property-listing">
        <header class="section-header home-section-header text-center">
            <div class="container">
                <h2 class="wow slideInRight">レインコート</h2>
                <p class="wow slideInLeft">
                    宣传语宣传语宣传语宣传语宣传语宣传语宣传语宣传语宣传语 
                    <br>
                    宣传语宣传语宣传语</p>
            </div>
        </header>
        <div class="container">
            <div class="row" id="list">
            </div>
        </div>
    </section>
    <footer id="footer">
        <div class="site-footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-6">
                        <section class="widget about-widget clearfix">
                            <h4 class="title hide">About Us</h4>
                            <a class="footer-logo" href="#"><img src="assets/images/logo.jpg"
                                    alt="Footer Logo"></a>
                            <p>公司或产品介绍，公司或产品介绍公司或产品介绍公司或产品介绍公司或产品介绍公司或产品介绍公司或产品介绍公司或产品介绍公司或产品介绍公司或产品介绍公司或产品介绍</p>
                            <ul class="social-icons clearfix">
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                                <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                            </ul>
                        </section>
                    </div>
                    <div class="col-md-4 col-sm-6">
                       
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <section class="widget address-widget clearfix">
                            <h4 class="title">OUR OFFICE</h4>
                            <ul>
                                <li><i class="fa fa-map-marker"></i> 公司地址 </li>
                                <li><i class="fa fa-phone"></i> (123) 45678910</li>
                                <li><i class="fa fa-envelope"></i> xxx@mail.com</li>
                                <li><i class="fa fa-fax"></i> +12 3456 7890</li>
                                <li><i class="fa fa-clock-o"></i> Mon - Sat: 9:00 - 18:00</li>
                            </ul>
                        </section>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-footer-bottom">
            <div class="container">
                <p class="copyright pull-left wow slideInRight">Copyright &copy; 2020.Company name All rights
                    reserved.
                </p>
            </div>
        </div>
    </footer>
    <a href="#top" id="scroll-top"><i class="fa fa-angle-up"></i></a>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/jquery.migrate.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="plugins/slick-nav/jquery.slicknav.min.js"></script>
    <script src="plugins/slick/slick.min.js"></script>
    <script src="plugins/jquery-ui/jquery-ui.min.js"></script>
    <script src="plugins/tweetie/tweetie.js"></script>
    <script src="plugins/forms/jquery.form.min.js"></script>
    <script src="plugins/forms/jquery.validate.min.js"></script>
    <script src="plugins/modernizr/modernizr.custom.js"></script>
    <script src="plugins/wow/wow.min.js"></script>
    <script src="plugins/zoom/zoom.js"></script>
    <script src="plugins/mixitup/mixitup.min.js"></script>
    <!---<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyD2MtZynhsvwI2B40juK6SifR_OSyj4aBA&libraries=places"></script>--->
    <script src="plugins/whats-nearby/source/WhatsNearby.js"></script>
    <script src="assets/js/theme.js"></script>
    <script src="js/update.js"></script>
</body>

</html>